<%@page import="com.jsz.peini.common.util.PeiniUtils"%>
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML>
<html>
  <head>
    <base href="<%=basePath%>">
    
    <meta charset="UTF-8">
	<title>Document</title>
	<meta name="viewport" content="initial-scale=1, width=device-width, maximum-scale=1, user-scalable=no">
	<link rel="stylesheet" type="text/css" href="css/index.css">
	<link rel="stylesheet" type="text/css" href="css/pay.css">
	<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
	<script type="text/javascript">
	$(document).ready(function() {
		$("header ul li").click(function(event) {
			$(this).addClass('current').siblings('header ul li').removeClass('current')
		});
		
	});
	</script>
</head>
<body>
	<section class="cod-man">
	 	<div>
	 		<div class="man-num">订单号：${detail.orderCode } <div class="resu can-p">已取消</div></div>
	 			<div class="man-con ">
	 					<img src="<%=PeiniUtils.IMGHOST %>${detail.userImageHead }" alt="">
		 				<div class="name">
		 					<h4>${detail.userNickname }</h4>
		 					<p>下单时间：<fmt:formatDate value="${detail.orderTime }" pattern="yyyy-MM-dd hh:mm" /></p>
		 					<p>预约时间：<fmt:formatDate value="${taskInfo.taskAppointedTime }" pattern="yyyy-MM-dd hh:mm" /></p>

		 				</div>
		 				<div class="method">我来付款</div>
	 			</div>		
	 	</div>
	 </section>
	 <section class="cod-det">
	 	<div>
	 		<h6>付款详情</h6>
	 		<div class="det-list aa">
	 			<ul>
		 			<li>
		 				付款人：${detail.userNickname }
		 			</li>
		 			<li>
		 				取消原因：个人原因
		 			</li>
		 		</ul>
	 		</div>
	 		<div class="det-list ">
	 			<ul>
		 			<li>
		 				付款人：${detail.otherNickname }
		 			</li>
		 			<li>
		 				取消原因：个人原因
		 			</li>
		 			
		 		</ul>
	 		</div>
	 	</div>
	 </section>
</body>
</html>
